<template>
<div>
  <doc-preview v-bind="props"></doc-preview>
</div>
</template>

<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator'
import DocPreview from '@/views/pages/preview/index.vue'

@Component({
  components: { DocPreview }
})
export default class SharePreview extends Vue {
  @Prop() id!: string

  @Prop() docId!: string

  @Prop() docParentId!: string

  @Prop() accessCode!: string

  get props () {
    return {
      id: this.docId && String(this.docId),
      linkId: this.id && String(this.id),
      parentId: this.docParentId && String(this.docParentId),
      accessCode: this.accessCode
    }
  }
}
</script>

<style lang="scss" module>
@import "~@/styles/vars.scss";

.container {
  min-height: 100vh;
}
</style>
